Google 설문지의 스프레드시트 연결 기능을 이용해 응답을 내려받는 간단한 연동 예제입니다.

웹에 게시한 링크는 주소를 아는 누구나 열 수 있습니다. 주소를 추측하기 어렵더라도 공개된 자료이므로 민감한 정보를 게시하지 않도록 확인하세요.

CSV 주소 얻기

• 브라우저에서 Google 설문지를 엽니다.
• 응답 탭에서 스프레드시트에 연결을 누릅니다.
• 새 스프레드시트 만들기를 선택하고 만들기를 누릅니다.
• Google 스프레드시트에서 파일 → 공유 → 웹에 게시를 선택합니다.
• 링크 탭에서 웹페이지 대신 쉼표로 구분된 값(.csv)을 선택합니다.
• 표시된 주소를 복사합니다. 다음 스크립트에서 사용할 주소입니다.

스크립트 만들기

프런트엔드 JavaScript 코드 노트를 만드세요.

const CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTiwooLV2whjCSVa49dJ99p_G3_qhqHHRqttMjYCJVfLXVdTgUSNJu5K0rpqmaHYF2k7Vofi3o7gW82/pub?output=csv";

async function fetchData() {
    try {
        const response = await fetch(CSV_URL);
        return await response.text();
    } catch (e) {
        api.showError(e.message);
    }
}

const data = await fetchData();
console.log(data);
// 이곳에서 내려받은 데이터를 처리합니다.

응답은 문자열로 전달됩니다. 이 예제에는 CSV 분석 라이브러리가 없으므로 아주 단순한 자료는 다음처럼 나눌 수 있습니다.

const content = data
	.split("\n")
	.slice(1)
	.map((row) => row.split(","));

결과는 각 행을 배열로 담은 배열입니다. 따옴표로 감싼 값 안에 쉼표나 줄바꿈이 있는 일반적인 CSV는 이 방식으로 정확히 처리할 수 없습니다.